Skip to content

docs(readme): fix broken links and rewrite for clarity, SEO and AI answer engines - #94

Open
KrilinZ wants to merge 3 commits into
4GeeksAcademy:masterfrom
KrilinZ:docs/readme-seo-aio
Open

docs(readme): fix broken links and rewrite for clarity, SEO and AI answer engines#94
KrilinZ wants to merge 3 commits into
4GeeksAcademy:masterfrom
KrilinZ:docs/readme-seo-aio

Conversation

@KrilinZ

@KrilinZ KrilinZ commented Aug 1, 2026

Copy link
Copy Markdown

Rewrite of the root README for clarity, search engines and AI answer engines. Same tutorial, no content removed — everything that was there is either still visible or moved inside <!-- hide -->.

Broken things this fixes

Issue Detail
breatheco.de badge link Returns 404 (no redirect). Repointed to the live asset page on 4geeks.com. This one is replicated across many exercise repos.
Gitpod badge Pointed to 4GeeksAcademy/bootstrap-exercises.git, a repo that does not exist.
learnpack download command Used the repo name. The real package slug is bootstrap-exercises, so copy-pasting the command failed.
"a small React application" This tutorial is HTML and CSS. Text inherited from another repo.
Language link Used /blob/master/. Now /blob/HEAD/, which also works on the repos whose default branch is main.

What was added

👀 What will you build? (the 8 real exercises), 🎓 What do you need before starting?, ✅ How does the automatic grading work?, 💡 What mistakes should you avoid?, and an expanded FAQ. All of it written from the repo's own content — the grid facts come from 03-Bootstrap-Grid, the duration and difficulty from learn.json.

What moved inside <!-- hide -->

Title, badges, metadata, related tutorials, install steps, exercise file layout and contributors. The reason: 4geeks.com already renders its own h1 and its own stats (skill level, duration) from the database, so repeating them in the body shows up twice and can drift out of sync.

Two notes

  • No markdown tables in the visible part. The 4geeks.com renderer has no table extension — a markdown table shows up there as raw pipes. Lists are used instead. (This PR body has tables, but that's GitHub-only.)
  • The FAQ does not claim the tutorial is open source. LICENSE.md reserves all rights and forbids redistribution, so the wording is "costs nothing to access, the code you write is yours" with a link to the licence.

All 22 links in the file were checked and return 200. Happy to adjust tone, wording or structure — and if the direction looks right, the same treatment can be applied to the other exercise repos.

KrilinZ added 3 commits August 1, 2026 17:45
- Fix broken links: breatheco.de badge (404) -> live asset page;
  Gitpod badge pointed to a repo that does not exist.
- Fix 'learnpack download' command: the package slug is
  bootstrap-exercises, not the repo name.
- Fix 'small React application' -> this tutorial is HTML and CSS.
- Add an opening summary, 'What will you build', prerequisites,
  a grading section, common mistakes and an expanded FAQ.
- Move title, badges, metadata, install steps, exercise layout and
  contributors inside <!-- hide --> so 4geeks.com does not duplicate
  what the platform already renders.
- Use /blob/HEAD/ for the language link so it works on repos whose
  default branch is main.
- No markdown tables: the 4geeks.com renderer does not support them.
All three images already exist in .learn/assets, so nothing new is
uploaded. They sit in the published part of the file: markdown images
survive the 4geeks.com renderer (verified: an asset with 4 markdown
images produces 4 <img> tags in its rendered html).

Each one carries a long descriptive alt: it is the only part of an
image a screen reader or a language model can read.
An image placed between two list items splits the list in markdown, so
the numbering restarted at 1 halfway through 'What will you learn' and
'What will you build'. The images now sit after each list is finished.

Verified on the rendered output: 3 <ol> blocks with 5, 8 and 3 items,
which is what the source says.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant